import React from 'react'
import {Link} from 'react-router'

import './footNavBar.less'

export default class FootNavBar extends React.Component{

    render(){
        let{navBarIndex} = this.props;
        return(
            <div className="footNavBar">
                <ul>
                    <li>
                        <Link to="/" className={navBarIndex === 1 ? "active" : ""}>
                            <i className="iconfont icon-shouye-copy"> </i>
                            <span>首页</span>
                        </Link>
                    </li>
                    <li>
                        <Link to="" className={navBarIndex === 2 ? "active" : ""}>
                            <i className="iconfont icon-tubiao3"> </i>
                            <span>分类</span>
                        </Link>
                    </li>
                    <li>
                        <Link to="/shoppingCart" className={navBarIndex === 3 ? "active" : ""}>
                            <i className="iconfont icon-tubiao4"> </i>
                            <span>购物车</span>
                        </Link>
                    </li>
                    <li>
                        <Link to="/my" className={navBarIndex === 4 ? "active" : ""}>
                            <i className="iconfont icon-my"> </i>
                            <span>我的</span>
                        </Link>
                    </li>
                </ul>
            </div>
        )
    }
}